<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的 - 我的歪麦呢</title>
		<link rel="stylesheet" href="css/profile.css">
		<script src="js/jquery-3.7.1.js"></script>
	</head>
	<body>
		<!-- 用户信息头部 -->
		<div class="user-header">
			<div class="user-info">
				<div class="avatar">👤</div>
				<div>
					<div class="user-name">张三</div>
					<div class="user-phone">138****8888</div>
				</div>
			</div>
		</div>

		<!-- 会员卡 -->
		<div class="member-card">
			<div class="member-title">
				<div class="member-name">黄金会员</div>
				<div class="member-points">积分: 1280</div>
			</div>
			<div class="progress-bar">
				<div class="progress"></div>
			</div>
			<div class="member-benefits">
				<div>再消费¥200升级铂金会员</div>
				<div>享8折优惠</div>
			</div>
		</div>

		<!-- 订单状态 -->
		<div class="order-section">
			<div class="section-header">
				<div class="section-title">我的订单</div>
				<div class="section-more">全部订单 ></div>
			</div>
			<div class="order-types">
				<div class="order-type">
					<div class="order-icon">📝</div>
					<div class="order-text">待付款</div>
				</div>
				<div class="order-type">
					<div class="order-icon">🛵</div>
					<div class="order-text">待配送</div>
				</div>
				<div class="order-type">
					<div class="order-icon">🍔</div>
					<div class="order-text">待收货</div>
				</div>
				<div class="order-type">
					<div class="order-icon">⭐</div>
					<div class="order-text">待评价</div>
				</div>
				<div class="order-type">
					<div class="order-icon">↩️</div>
					<div class="order-text">退款/售后</div>
				</div>
			</div>
		</div>

		<!-- 功能菜单 -->
		<div class="menu-section">
			<div class="menu-item">
				<div class="menu-left">
					<div class="menu-icon">💰</div>
					<div class="menu-text">我的钱包</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item">
				<div class="menu-left">
					<div class="menu-icon">🎫</div>
					<div class="menu-text">优惠券</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item">
				<div class="menu-left">
					<div class="menu-icon">❤️</div>
					<div class="menu-text">我的收藏</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item">
				<div class="menu-left">
					<div class="menu-icon">📍</div>
					<div class="menu-text">收货地址</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item">
				<div class="menu-left">
					<div class="menu-icon">🛡️</div>
					<div class="menu-text">账号安全</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item" onclick="goToSeeting()">
				<div class="menu-left">
					<div class="menu-icon">⚙️</div>
					<div class="menu-text">设置</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
		</div>

		<div class="bottom-nav">
			<div class="nav-item active" onclick="goToHome()">
				<div class="nav-icon">🏠</div>
				<div>首页</div>
			</div>
			<div class="nav-item" onclick="goToOrders()">
				<div class="nav-icon">📦</div>
				<div>订单</div>
			</div>
			<div class="nav-item" onclick="goToCart()">
				<div class="nav-icon">🛒</div>
				<div>购物车</div>
			</div>
			<div class="nav-item">
				<div class="nav-icon">👤</div>
				<div>我的</div>
			</div>
		</div>
	</body>
</html>
<script>
	function goToHome(){
		window.location.href = "home.html"
	}
	
	function goToSeeting(){
		window.location.href = "seeting.html"
	}
	
	function goToOrders(){
		window.location.href = "orders.html"
	}
	
	function goToCart() {
		window.location.href = "cart.html"
	}
</script>